ZLMediaKit编译与webrtc推拉流测试
ZLMediaKit支持了webrtc的推流与播放。特此记录下编译与测试的过程。编译环境OS版本:Ubuntu 20.04.2 LTSopenssl版本:OpenSSL 1.1.1fgcc版本:9.3.0cmake版本:3.16.3编译准备工作安装openssl。$ git clone https://github.com/openssl/openssl.git$ ./config$ make -j4$ sudo make install# 查看openssl版本$ openssl version -a安装...
2024-01-10react16与react15之间的区别
项目中我一般用的还是react15的比较多,偶尔接触react16,目前使用的大多是生命周期的区别,16新增了几个生命周期。static getDerivedStateFromProps:用于代替componentReceiveProps。是个静态方法。父组件传入子组件的属性更新时,同步更新子组件state。B的a属性值是state,会变化新值和旧值不同时,返回新值更...
2024-01-10vue+echarts实现进度条式柱状图
本文实例为大家分享了vue+echarts实现进度条式柱状图的具体代码,供大家参考,具体内容如下效果图如下代码:<template> <div class="content-page"> <div class="tab-content"> <div id="myChart1"></div> </div> </div></template><script>import * as echarts from 'echarts';export default { data() { ...
2024-01-10useRef和createRef有什么区别?
我偶然发现钩子文档useRef。看他们的例子…function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} ty...
2024-01-10vue,函数返回reactive对象,返回类型应该如何申明?
网上大部分是关于直接赋值的方法。如:interface Data { name: number}const data: Data = reactive({ name: 1})这段代码运行确实不会报错,data的类型就是Data但是,我想要实现如:const renderData =() => { return reactive({ name: 1 })}这个时候不...
2024-02-17React和Vue特性和书写差异
Vue均使用ES6语法,主要以单文件组件为例,写法上优先使用缩写。React使用TS语法。生命周期VueReact入口&根实例Vueconst app = new Vue({ /* 选项 */ render: (h) => h(App) // App为根组件}).$mount('#app')ReactReactDOM.render( <App/>, // App为根组件 document.getElementById('app'))组件定义Vue// 定义组件构造器va...
2024-01-10react/vue 组件设计方法/原则
网上看到了好多篇 react/vue 组件设计方法/原则 ,内容都是雷同(指不该相同而相同)。 我深恶痛绝,并深刻检讨自己,意识到普及互联网知识已经迫在眉睫,绝不容许有人浑水摸鱼。在短暂的失落和悲怆过后,这肩负振兴祖国互联网知识的重任,舍我其谁? 我集百家之长于一身,取其精华去...
2024-01-10【转】vue中动态设置meta标签和title标签
因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容//router内的设置{ path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', name...
2024-01-10在vue中实现echarts随窗体变化
<div id="myChart" :style="{width: '100%', height: '345px'}"></div><script> export default {mounted(){ this.drawLine(); }, methods: { drawLine(){ var myChartContainer = document.getElementById('myChart'); //用于使chart自适应宽度,通过窗体宽计算容器高宽 var r...
2024-01-10详解从react转职到vue开发的项目准备
前言首先,为什么我需要做这个项目准备工作呢?因为常年习惯React开发的我,最近突然接手了一个Vue项目,而之前基本没有过Vue的实践,这么突兀让还在沉溺于React开发的我进行Vue开发,甚是不习惯,那自然我需要想办法让Vue开发尽量与React相似,这样大概让自己在开发过程中更得心应手吧。组件开...
2024-01-10详解Java中Thread 和Runnable区别
Thread 和Runnable 关系Thread类是接口Runnable的一个实现类。public class Thread implements Runnable 源码分析Thread Threa类运行的时候调用start()方法,源代码如下:调用start()方法,实际运行的是start0方法,方法声明如下:private native void start0()native表明这个方法是个原生函数,即这个函数是用C/C++实现的,被编...
2024-01-10怎么排查 Vue-Router 渲染不出来的问题?
问题描述开发环境vue 3.3.4vue-router@4IDE: vs-code 1.80我尝试跟着 vue-router官方教程 做demo, router-link 渲染了, 但是 router-view 没有渲染. 页面和控制台又没报错。试了好多种方法,检查了关键字是否写错,都不行.请大家帮忙看看, thanks!文件列表main.jsimport { createApp } from '...
2024-02-07vue项目中router路由配置
介绍路由:控制组件之间的跳转,不会实现请求、不用页面刷新,直接跳转-切换组件》》》安装本地环境安装路由插件vue-router: cnpm install vue-router --save-dev 配置两种配置方法:在main.js中 || 在src/router文件夹下的index.js中这里只说在src/router/index.js中引入:import Vue from 'vue'import Router from 'vue-rou...
2024-01-10vue-router中使用EventBus传值需要注意到的问题
最近负责开发一个视频相关的项目,要用到vue-router,同时涉及到一些共有状态管理,但是少量的状态又不想用vuex,于是用到了EventBus,一般来说, 我们用EventBus的步骤如下:首先新建一个js用来创建我们的EventBus,如Bus.js123import Vue from 'vue'; ...export default new Vue();接着,我们在需要的地方...
2024-01-10vue-resource 上传图片
const formData = new FormData()formData.append(\'file\',img,params.name);formData.append(\'id\',params.id);formData.append(\'name\',params.name);return new Promise((resolve,reject)=>{ Vue.http.post(uploadImg,formData).then(function(res){ resolve(res.bo...
2024-01-10vue-quill-editor插入图片路径太长问题解决方法
最近做项目的时候有一个发布新闻的需求,新闻编辑的时候要求能发布带格式的文本内容和能展示支持图片。由于项目是用 Vue 开发的,所以找编辑器的时候选了 vue-quill-editor 。编辑器长如下的样子:现在的问题但是这个编辑器会把插入的图片会转成 base64 位的编码,使得编辑器内容保存进数据库的...
2024-01-10vue实践---vue不依赖外部资源实现简单多语操作
vue使用多语,最常见的就是 vue-i18n, 但是如果开发中的多语很少,比如就不到10个多语,这样就没必要引入vue-i18n了, 引入了反正导致代码体积大了,这时候单纯用vue实现多语就是比较好的选择。第一步首先建立一个locales.js 存放多语语言包的内容,这里只写了 zh-CN, en这两种语言,其他还想新增的话 ...
2024-01-10vue-router定义元信息meta操作
router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import Test from '../views/Test.vue'import NotFound from '../views/NotFound.vue'import TestChild from '../views/TestChild.vue'import AView from '../vi...
2024-01-10Vue关于使用vue-router控制视图渲染的问题。
环境:Vue2.0 + vue-router + element-ui + 新手,思路:想通过正则判断vue-router的$route.path来控制SideBar组件的渲染与否,具体代码如下:App.vue<template> <div id="app"> <div class="warper"> <div class="header"> <TopBar></TopBar> </div> <el-row><el-col :span="2" > ...
2024-01-10基于vue-cli构建vue-router的入门级demo
本案列仅针对刚刚入门vue学习的伙伴,博主也是刚刚在学基于vue-cli搭建脚手架项目,对于前端大牛,可以移步。快速搭建vue-cli环境如何搭建基于vue-cli项目,这里不再叙述,如果不会的伙伴可以自己百度。项目搭建完成后,基本文件目录如下:打开我们刚刚创建的my-project文件夹,这里对文件夹下的...
2024-01-10WebStorm构建vue项目
windows下webstorm创建VUE项目安装node.jsNode是一个让javas运行在服务端的开发平台,Node.js的包管理器是npm,在安装nodejs时,同时安装npm。npm的默认源存在网络延迟,下载缓慢或不完整的情况,推荐安装淘宝镜像添加淘宝镜像#查看node,npm版本信息node -v v10.15.3npm -v 6.4.1#查看nodejs安装location,便于找...
2024-01-10【Vue】请问chrome调试代码怎么没高亮显示了?
如图,调试代码没有任何高亮,全黑,请问是哪里设置出问题了吗?回答最新的正式版79.0貌似在控制台调试不能高亮了,可以安装开发者版本(现在最新的是80.0),https://www.google.com/intl/z...请到官网上去下载测试版就可以了,或者等待chrome更新新版(新版会修复这个bug)。测试版地址:https://www.google.c...
2024-01-10基于vue项目安装插件谷歌镜像失败问题解决
报错信息:谷歌镜部分像被墙掉了npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! chromedriver@2.46.0 install: `node install.js`npm ERR! Exit status 1npm ERR! npm ERR! Failed at the chromedriver@2.46.0 install script.npm ERR! This is probably not a problem with npm. There i...
2024-01-10vue for 绑定事件
<div > <div class="pro"> <div><img src="../img/favicon.png"> <span>{{item.spin_times}}</span></div> <button @click="buySpins(item.spin_times,item.price)" class="btn btn-info"><b>¥</b><span>{{item.price}}</span></button> </div></div>...
2024-01-10三星新气象:TouchWiz臃肿插件全部砍掉
三星新气象:TouchWiz臃肿插件全部砍掉 TouchWiz界面是三星手机的标志,众多的扩展应用、插件更是三星一贯非常喜欢的,但太多的功能一般人根本用不上,也导致系统极为臃肿。为此从Galaxy S5开始,三星就将部分应用和功能改为可选下载方式。 此前有消息称,三星正准备大幅度精简TouchWiz,力图...
2024-01-10在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示)
1、使用npm安装依赖npm install --save codemirror;2、在页面中放入如下代码<template> <div> <textarea ref="mycode" class="codesql" v-model="code" style="height:200px;width:600px;"></textarea> </div></template><script>import 'codemirror/theme/ambiance.css'import 'codemirror...
2024-01-10已安装SpecFlow.Allure,但在服务器上它不起作用
我有一个SpecFlow Allure在本地工作,但在服务器上的问题没有。我有Windows 2008服务器和我使用Gradle的.tpl文件。当我加入到我的TPL 相同的设置上的app.config `已安装SpecFlow.Allure,但在服务器上它不起作用<plugins> <add name="Allure" type="Runtime"/></plugins><stepAssemblies> <stepAssembly assembly="Allure.SpecFlowPlu...
2024-01-10vue 各组件 使用 Demo
环境搭建假设你已经通读vue官方文档(文档都没读一遍(至少),那不建议动手撸码),在大致了解vue是什么东西,有什么用,核心概念之后我们就可以开始着手学习vue。首先搭建环境。学习vue,我的建议是通过官手脚手架起步。>>>Installation$ npm install -g vue-cli>>Usage$ vue init <template-name> <project-name>...
2024-01-10vue项目chrome调试不显示代码
项目目录有很多文件:我想调试main.js里面的代码,但是打开Chrome的sources里面看到的没有一个是和本地代码一样的文件:我试过在vue.config.js里面做这样的配置:还是没用如何才能在这里显示main.js代码方便我调试?谢谢各位啦我是用的vue-cli是4.5.10版本的回答...
2024-01-10在macOSBigSur上安装MySQL8.xCompressedTARArchive
因个人能力有限,文章难免存在错误,望斧正,感谢。版本:macOS 11.3 Intel版本MySQL 8.0.24 Compressed TAR Archive一、准备所需文件前往 https://dev.mysql.com/downloads/mysql/ 选择macOS系统的Compressed TAR Archive版本下载,目前最新版本是8.0.24。下载后为~/Downloads/mysql-8.0.24-macos11-x86_64.tar.gz。将其解压至/usr/local并重命...
2024-01-10chrome下的Vue单步调试
一直觉得vue的单步调试很费劲,webpack编译后的代码让人难以捉摸,因为平时使用vs code开发环境,网上找了各种关于vs code单步调试vue的文章做了各种尝试都没成功,断点永远都进不去,断点处一直显示 已设置断点但还未绑定。没找到问题所在,有知道大神们的期待告知哦。使用vue-devtools插件的就不说...
2024-01-10